<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/newHand.css">
	<script src="../js/jquery-3.2.1.min.js"></script>
	<script src="../js/goodsdetail.js"></script>
</head>
<body>
    <div class="newHand">
        <!--头部-->
        <div class="head">
			<!--logo-->
			<div class="logo">
				<img src="../img/images/logo_01.jpg"/>
			</div>
			<!--导航-->
			<ul class="clearfix">
				<li><a href="Home.html">首页</a></li>
				<li><a href="cycling.html">骑行</a></li>
				<li><a href="L-plate.html">铁三</a></li>
				<li><a href="running.html">跑步</a></li>
				<li><a href="newHand.html">新手学堂</a></li>
				<li><a href="brand.html">品牌专区</a></li>
			</ul>
			<!--搜索框-->
            <form action="" class="search">
                <input type="search">
                <div class="search_icon">
                    <a href="ShoppingCar1-1.html"><img src="../img/images/sousuo.png" alt=""></a>
                </div>
            </form>
	    	<!--购物车图标-->
	    	<div class="shopcar">
	    		<a href="ShoppingCar1-1.html"><img src="../img/images/shopcar.png" alt=""></a>
	    	</div>
	    	<!--人员图标-->
	    	<div class="people">
	    		<a href="login.html"><img src="../img/images/people.png" alt=""></a>
	    	</div>
	    	<!--联系热线-->
	    	<div class="tel">
	    		<p>400-6563-116</p>
	    	</div>
	    	<!--language-->
	    	<div class="language">
	    		<span>CH</span>
	    	</div>
		</div>
        <!--上衣>短袖-->
        <div class="goods_title">
            <div class="title_content">
                首页>所有>上衣>短袖
            </div>
        </div>
        <!--衣服信息-->
        <div class="goods_detail">
            <div class="goods_left">
                <img src="../img/images/goods_cloth.png" alt="">
                <div class="share">分享</div>
                <div class="collect">收藏</div>
            </div>	
            <div class="goods_right">
				<div class="goods_text">
					<h4>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男</h4>
				</div>
				<div class="goods_money">
					<span>价格：</span><span class="goods_span">￥146.00</span>
				</div>
				<div class="goods_songhua">
					<p>送货至：</p>
					<div class="select">
						<div class="select_result">广东 广州市 海珠区</div>
						<!--﹀-->
						<input type="button" value="︿" id="select_btn">
					</div>
					<p id="select_p">运费：免运费</p>
					<!--选择的内容-->
					<div class="select_content">
						<p>选择新地址</p>
						<div class="select_tab">
							<div class="select_t">
								<ul class="clearfix">
									<li class="active2" id="select_li1">请选择</li>
									<li id="select_li2">请选择</li>
									<li id="select_li3">请选择</li>
								</ul>
							</div>
							<div class="select_c">
								<div class="select_c1 clearfix" style="display:block;" id="select_ul1">
									<ul>
										<li id="li">北京</li>
										<li>上海</li>
										<li>广东</li>
										<li>江苏</li>
										<li>湖南</li>
										<li>广西</li>
										<li>福建</li>
									</ul>
									<ul>
										<li>四川</li>
										<li>湖北</li>
										<li>湖南</li>
										<li>河北</li>
										<li>河南</li>
										<li>重庆</li>
										<li>山东</li>
									</ul>
									<ul>
										<li>天津</li>
										<li>辽宁</li>
										<li>黑龙江</li>
										<li>江苏</li>
										<li>湖南</li>
										<li>广西</li>
										<li>福建</li>
									</ul>
									<ul>
										<li>天津</li>
										<li>辽宁</li>
										<li>黑龙江</li>
										<li>江苏</li>
										<li>湖南</li>
										<li>贵州</li>
										<li>福建</li>
									</ul>
								</div>
								<div class="select_c1" id="select_ul2">
									<ul>
										<li>广州</li>
										<li>北京</li>
										<li>上海</li>
										<li>南京</li>
										<li>长沙</li>
										<li>大连</li>
										<li>青岛</li>
									</ul>
									<ul>
										<li>广州</li>
										<li>北京</li>
										<li>上海</li>
										<li>南京</li>
										<li>长沙</li>
										<li>大连</li>
										<li>青岛</li>
									</ul>
									<ul>
										<li>广州</li>
										<li>北京</li>
										<li>上海</li>
										<li>南京</li>
										<li>长沙</li>
										<li>大连</li>
										<li>青岛</li>
									</ul>
									<ul>
										<li>广州</li>
										<li>北京</li>
										<li>上海</li>
										<li>南京</li>
										<li>长沙</li>
										<li>大连</li>
										<li>青岛</li>
									</ul>
								</div>
								<div class="select_c1" id="select_ul3">
									<ul>
										<li>海珠区</li>
										<li>天河区</li>
										<li>越秀区</li>
										<li>荔湾区</li>
										<li>萝岗区</li>
										<li>白云区</li>
										<li>花都区</li>
									</ul>
										<ul>
										<li>海珠区</li>
										<li>天河区</li>
										<li>越秀区</li>
										<li>荔湾区</li>
										<li>萝岗区</li>
										<li>白云区</li>
										<li>花都区</li>
									</ul>
										<ul>
										<li>海珠区</li>
										<li>天河区</li>
										<li>越秀区</li>
										<li>荔湾区</li>
										<li>萝岗区</li>
										<li>白云区</li>
										<li>花都区</li>
									</ul>
										<ul>
										<li>海珠区</li>
										<li>天河区</li>
										<li>越秀区</li>
										<li>荔湾区</li>
										<li>萝岗区</li>
										<li>白云区</li>
										<li>花都区</li>
									</ul>
								</div>
							</div>
						</div>
					</div>

				</div>
				<div class="goods_sex">
					<p>性别：</p>
					<div class="sex">
						<div class="select_sex">男</div>
						<!--﹀-->
						<input type="button" value="︿" id="select_sex">
					</div>
					<div class="sex_content">
						<p id="sex_p">男</p>
						<p>女</p>
					</div>
				</div>
				<div class="goods_size">
					<p>尺寸：</p>
					<span class="active3">S</span>
					<span>M</span>
					<span>L</span>
					<span>XL</span>
					<span>XXL</span>
				</div>
				<div class="goods_num">
					<p class="goods_num_p">数量：</p>
					<p class="goods_num_span1">-</p>
					<p class="goods_num_span2">1</p>
					<p class="goods_num_span3">+</p>
				</div>
				<div class="goods_buy">
					<div class="goods_buy1 buy">立刻购买</div>
					<div class="goods_buy1 car">加入购物车</div>
					<div class="goods_buy1 dingzhi">个性定制</div>
					<a href="#">重新定制</a>
				</div>
				<div class="goods_commit">
					<p>服务承诺:</p>
					<ul class="clearfix">
						<li>100%个性定制</li>
						<li>100%正品保证</li>
						<li>7天闪电发货</li>
						<li>365天客服服务</li>
						<li>30天无忧退货</li>
					</ul>
				</div>
			</div>
        </div>
		<!--其他商品-->
		<div class="other_goods">
			<h4>相同款式的其他商品</h4>
			<div class="goods">
				<ul class="clearfix" id="goods">
					<li>
						<img src="../img/images/goods_img.png" alt="" class="warp_img">
						<p class="warp_p1">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img1.png" alt=""  class="warp_img1">
						<p class="warp_p2">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img2.png" alt="" >
						<p>竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img3.png" alt="" class="warp_img2">
						<p class="warp_p3">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
						<li>
						<img src="../img/images/goods_img.png" alt="" class="warp_img">
						<p class="warp_p1">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img1.png" alt=""  class="warp_img1">
						<p class="warp_p2">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img2.png" alt="" >
						<p>竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img3.png" alt="" class="warp_img2">
						<p class="warp_p3">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img.png" alt="" class="warp_img">
						<p class="warp_p1">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img1.png" alt=""  class="warp_img1">
						<p class="warp_p2">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img2.png" alt="" >
						<p>竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
					<li>
						<img src="../img/images/goods_img3.png" alt="" class="warp_img2">
						<p class="warp_p3">竞技版骑行上衣</p>
						<p>￥299</p>
					</li>
				</ul>
			</div>
			<a class="prev"><</a>
			<a class="next">></a>
		</div>
			<!--商品详情-->
		<div class="goods_dl">
			<div class="goods_ul">
				<ul class="clearfix">
					<li>
						商品详情
					</li>
					<li>
						咨询留言
					</li>
					<li class="active1">
						用户评价
					</li>
				</ul>
			</div>
			<div class="goods_con">
				<div class="goods_content">
					商品详情
				</div>
				<div class="goods_content">
					咨询留言
				</div>
				<div class="goods_content" style="display:block;">
					<div class="goods_l">
						<!--好评-->
						<div class="goods_well clearfix">
							<div class="goods_ok">
								<p class="goods_ok_p">99<span>%</span></p>
								<p class="ok_p">好评价</p>
							</div>
							<div class="goods_progress">
								<div class="goods_pro">
									<p>好评（60%）</p>
									<div class="progress">
									</div>
								</div>
								<div class="goods_pro">
									<p>中评（30%）</p>
									<div class="progress1">
										
									</div>
								</div>
								<div class="goods_pro">
									<p>差评（10%）</p>
									<div class="progress1"></div>
								</div>
							</div>
						</div>
						<!--p评语-->
						<div class="pingyu">
							骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。
						</div>
						<!--全部评价-->
						<div class="assess">
							<span id="assess">全部评价(200+)</span>
							<span>晒图(60+)</span>
							<span>好评(200+)</span>
							<span>中评(0)</span>
							<span>差评(0)</span>
						</div>
						<!--个人评价-->
						<div class="assess_all">
							<div class="assess_img">
								<img src="../img/images/goods_people.png" alt="">
								<p>S***J</p>
							</div>
							<div class="assess_pingyu">
								<div class="xing">
									<ul class="clearfix">
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
									</ul>
								</div>
								<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。  </p>
								<div class="goods_assess_img">
									<ul>
										<li><img src="../img/images/goods_assess1.png" alt=""></li>
										<li><img src="../img/images/goods_assess2.png" alt=""></li>
										<li><img src="../img/images/goods_assess3.png" alt=""></li>
										<li><img src="../img/images/goods_assess4.png" alt=""></li>
									</ul>
								</div>
								<div class="goods_span">
									<span>正能量抓绒套装</span>
									<span>XXL</span>
									<span>2016-12-08</span>
									<span>16:02</span>
								</div>
							</div>
						</div>
						<div class="assess_all">
							<div class="assess_img">
								<img src="../img/images/goods_people.png" alt="">
								<p>S***J</p>
							</div>
							<div class="assess_pingyu">
								<div class="xing">
									<ul class="clearfix">
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
									</ul>
								</div>
								<p>骑了20公里很舒服。</p>
								<div class="goods_assess_img">
									<ul>
										<li><img src="../img/images/goods_assess1.png" alt=""></li>
										<li><img src="../img/images/goods_assess2.png" alt=""></li>
									</ul>
								</div>
								<div class="goods_span">
									<span>正能量抓绒套装</span>
									<span>XXL</span>
									<span>2016-12-08</span>
									<span>16:02</span>
								</div>
							</div>
						</div>
						<div class="assess_all">
							<div class="assess_img">
								<img src="../img/images/goods_people.png" alt="">
								<p>S***J</p>
							</div>
							<div class="assess_pingyu">
								<div class="xing">
									<ul class="clearfix">
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
									</ul>
								</div>
								<p>果然好东西…下次还来…服务小哥也给力…棒棒哒 。  </p>
		
								<div class="goods_span">
									<span>正能量抓绒套装</span>
									<span>XXL</span>
									<span>2016-12-08</span>
									<span>16:02</span>
								</div>
							</div>
						</div>
						<div class="assess_all">
							<div class="assess_img">
								<img src="../img/images/goods_people.png" alt="">
								<p>S***J</p>
							</div>
							<div class="assess_pingyu">
								<div class="xing">
									<ul class="clearfix">
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
									</ul>
								</div>
								<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。  </p>
								<div class="goods_assess_img">
									<ul>
										<li><img src="../img/images/goods_assess1.png" alt=""></li>
										<li><img src="../img/images/goods_assess2.png" alt=""></li>
										<li><img src="../img/images/goods_assess3.png" alt=""></li>
										<li><img src="../img/images/goods_assess4.png" alt=""></li>
									</ul>
								</div>
								<div class="goods_span">
									<span>正能量抓绒套装</span>
									<span>XXL</span>
									<span>2016-12-08</span>
									<span>16:02</span>
								</div>
							</div>
						</div>
						<div class="assess_all">
							<div class="assess_img">
								<img src="../img/images/goods_people.png" alt="">
								<p>S***J</p>
							</div>
							<div class="assess_pingyu">
								<div class="xing">
									<ul class="clearfix">
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
									</ul>
								</div>
								<p>骑了20公里很舒服。</p>
								<div class="goods_assess_img">
									<ul>
										<li><img src="../img/images/goods_assess1.png" alt=""></li>
										<li><img src="../img/images/goods_assess2.png" alt=""></li>
									</ul>
								</div>
								<div class="goods_span">
									<span>正能量抓绒套装</span>
									<span>XXL</span>
									<span>2016-12-08</span>
									<span>16:02</span>
								</div>
							</div>
						</div>
						<div class="assess_all">
							<div class="assess_img">
								<img src="../img/images/goods_people.png" alt="">
								<p>S***J</p>
							</div>
							<div class="assess_pingyu">
								<div class="xing">
									<ul class="clearfix">
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
										<li><img src="../img/images/redxing.png" alt=""></li>
									</ul>
								</div>
								<p>果然好东西…下次还来…服务小哥也给力…棒棒哒 。  </p>
	
								<div class="goods_span">
									<span>正能量抓绒套装</span>
									<span>XXL</span>
									<span>2016-12-08</span>
									<span>16:02</span>
								</div>
							</div>
						</div>
					</div>
					<div class="goods_r">
						<img src="../img/images/goods_content.png" alt="">
					</div>
				</div>
			</div>
		</div>
		<!--分页跳转-->
		<div class="Pages">
				<form action="" method="get">
					<ul>
						<li class="fl pagesNum"><</li>
						<li class="fl pagesNum pages_active">1</li>
						<li class="fl pagesNum">2</li>
						<li class="fl pagesNum">3</li>
						<li class="fl" id="li">...</li>
						<li class="fl pagesNum" id="li1">></li>						
						
					</ul>
				</form>
		</div>
		<!--定正7退-->
		<div class="goods_cancle">
			<div class="goods_c">
				<ul>
					<li>
						<div></div>
						<p>定</p>
						<span>100%个性定制</span>
					</li>
					<li>
						<div></div>
						<p>正</p>
						<span>100%正品定制</span>
					</li>		
					<li>
						<div></div>
						<p>7</p>
						<span>7天闪电发货</span>
					</li>	
					<li>
						<div></div>
						<p>退</p>
						<span>30天无忧退换</span>
					</li>	
					<li>
						<div></div>
						<p>
							<img src="../img/images/footer_wx.png" alt="">
						</p>
						<span>365天客服热线</span>
					</li>	
				</ul>
			</div>
		</div>
        <!--尾部-->
		<div class="footer">
			<div class="logo-2">
				<img src="../img/images/logo-2_13.jpg"/>
			</div>
			<ul>
				<li>新手指南</li>
				<li>用户注册</li>
				<li>定制流程</li>
			</ul>
			<ul>
				<li>付款方式</li>
				<li>支付方式</li>
				<li>支付问题</li>
				<li>常见问题</li>
			</ul>
			<ul>
				<li>售后服务</li>
				<li>退款换货</li>
				<li>配送方式</li>
				<li>联系我们</li>
			</ul>
			<ul>
				<li>政策条款</li>
				<li>服务协议</li>
				<li>隐私条款</li>
				<li>s版权条款</li>
			</ul>
			<p>&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
		</div>
    </div>
</body>
 
</html>